<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Home</title>
<!-- Custom Theme files -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords" content="" />
    <script type="application/x-javascript">
        addEventListener("load", function() {
            setTimeout(hideURLbar, 0); }, false);
        function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!-- //Custom Theme files -->
    <link href="../assets/css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
    <link href="../assets/css/style.css" type="text/css" rel="stylesheet" media="all">
    <!-- js -->
    <script src="../assets/js/jquery.min.js"></script>
    <script type="text/javascript" src="../assets/js/bootstrap-3.1.1.min.js"></script>
    <!-- //js -->
    <!-- cart -->
    <script src="../assets/js/simpleCart.min.js"> </script>
    <!-- cart -->

</head>
<body>
<!--header-->
<div class="header">
    <div class="container">
        <nav class="navbar navbar-default" role="navigation">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <h1 class="navbar-brand"><a  href="index.do">Love Cake</a></h1>
            </div>
            <!--navbar-header-->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li id="classificationDetail"><a href="index.jsp" class="active" >首页</a></li>
                    
                        <!-- <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">婚礼<b class="caret"></b></a>
                            <ul class="dropdown-menu multi-column columns-4">
                                <div class="row">
                                    
                                        <div class="col-sm-3">
                                            <h4>西式</h4>
                                            <ul class="multi-column-dropdown">
                                                
                                                    <li><a class="list" href="/list.jsp?cid=多层">多层</a></li>
                                                
                                                    <li><a class="list" href="/list.jsp?cid=花朵">花朵</a></li>
                                                
                                                    <li><a class="list" href="/list.jsp?cid=造型">造型</a></li>
                                                
                                            </ul>
                                        </div>
                                    
                                        <div class="col-sm-3">
                                            <h4>传统</h4>
                                            <ul class="multi-column-dropdown">
                                                
                                                    <li><a class="list" href="/list.jsp?cid=复古">复古</a></li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>
                            </ul>
                        </li>
                    
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">生日<b class="caret"></b></a>
                            <ul class="dropdown-menu multi-column columns-4">
                                <div class="row">
                                    
                                        <div class="col-sm-3">
                                            <h4>儿童</h4>
                                            <ul class="multi-column-dropdown">
                                                
                                                    <li><a class="list" href="/indexPageDataByCakeType?cid=男孩">男孩</a></li>
                                                
                                                    <li><a class="list" href="/indexPageDataByCakeType?cid=女孩">女孩</a></li>
                                                
                                                    <li><a class="list" href="/indexPageDataByCakeType?cid=满月">满月</a></li>
                                                
                                            </ul>
                                        </div>
                                    
                                        <div class="col-sm-3">
                                            <h4>老人</h4>
                                            <ul class="multi-column-dropdown">
                                                
                                                    <li><a class="list" href="/indexPageDataByCakeType?cid=寿糕">寿糕</a></li>
                                                
                                            </ul>
                                        </div>
                                    
                                        <div class="col-sm-3">
                                            <h4>成人</h4>
                                            <ul class="multi-column-dropdown">
                                                
                                                    <li><a class="list" href="/indexPageDataByCakeType?cid=夫妻">夫妻</a></li>
                                                
                                                    <li><a class="list" href="/indexPageDataByCakeType?cid=亲戚">亲戚</a></li>
                                                
                                                    <li><a class="list" href="/indexPageDataByCakeType?cid=朋友">朋友</a></li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>
                            </ul>
                        </li>
                    
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">节日<b class="caret"></b></a>
                            <ul class="dropdown-menu multi-column columns-4">
                                <div class="row">
                                    
                                        <div class="col-sm-3">
                                            <h4>家庭</h4>
                                            <ul class="multi-column-dropdown">
                                                
                                                    <li><a class="list" href="/indexPageDataByCakeType?cid=母亲节">母亲节</a></li>
                                                
                                                    <li><a class="list" href="/indexPageDataByCakeType?cid=父亲节">父亲节</a></li>
                                                
                                                    <li><a class="list" href="/indexPageDataByCakeType?cid=儿童节">儿童节</a></li>
                                                
                                                    <li><a class="list" href="/indexPageDataByCakeType?cid=情人节">情人节</a></li>
                                                
                                            </ul>
                                        </div>
                                    
                                        <div class="col-sm-3">
                                            <h4>送人</h4>
                                            <ul class="multi-column-dropdown">
                                                
                                                    <li><a class="list" href="/indexPageDataByCakeType?cid=教师节">教师节</a></li>
                                                
                                                    <li><a class="list" href="/indexPageDataByCakeType?cid=圣诞节">圣诞节</a></li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>
                            </ul>
                        </li>
                    
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">专用<b class="caret"></b></a>
                            <ul class="dropdown-menu multi-column columns-4">
                                <div class="row">
                                    
                                        <div class="col-sm-3">
                                            <h4>聚会</h4>
                                            <ul class="multi-column-dropdown">
                                                
                                                    <li><a class="list" href="/indexPageDataByCakeType?cid=商业宴会">商业宴会</a></li>
                                                
                                                    <li><a class="list" href="/indexPageDataByCakeType?cid=同学聚会">同学聚会</a></li>
                                                
                                                    <li><a class="list" href="/indexPageDataByCakeType?cid=单身派对">单身派对</a></li>
                                                
                                            </ul>
                                        </div>
                                    
                                        <div class="col-sm-3">
                                            <h4>纪念</h4>
                                            <ul class="multi-column-dropdown">
                                                
                                                    <li><a class="list" href="/indexPageDataByCakeType?cid=组织庆典">组织庆典</a></li>
                                                
                                                    <li><a class="list" href="/indexPageDataByCakeType?cid=活动仪式">活动仪式</a></li>
                                                
                                            </ul>
                                        </div>
                                    
                                </div>
                            </ul>
                        </li> -->
                     
                </ul>
            </div>
        </nav>
        <div class="header-info">
            <div class="header-right search-box">
                <a href="#"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></a>
                <div class="search">
                    <form class="navbar-form">
                        <input type="text" class="form-control">
                        <button type="submit" class="btn btn-default" aria-label="Left Align">
                            搜
                        </button>
                    </form>
                </div>
            </div>
            <div class="header-right login">
                <a href="#"><span class="glyphicon glyphicon-user" aria-hidden="true"></span></a>
                <div id="loginBox">
                    <form id="loginForm">
                        <fieldset id="body">
                            <fieldset>
                                <label for="email">Email</label>
                                <input type="text" name="email" id="email">
                            </fieldset>
                            <fieldset>
                                <label for="password">Password</label>
                                <input type="password" name="password" id="password">
                            </fieldset>
                            <input type="submit" id="login" value="登录">
                            <label for="checkbox"><input type="checkbox" id="checkbox"> <i>记住</i></label>
                        </fieldset>
                        <p>新用户 ? <a class="sign" href="#">注册</a><span><a href="#">忘记密码?</a></span></p>
                    </form>
                </div>
            </div>
            <div class="header-right cart">
                <a href="#"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span></a>
                <div class="cart-box">
                    <h4><a href="#">
                        <span class="simpleCart_total"> $0.00 </span> (<span id="simpleCart_quantity" class="simpleCart_quantity"> 0 </span>)
                    </a></h4>
                    <p><a href="#" class="simpleCart_empty">空</a></p>
                    <div class="clearfix"> </div>
                </div>
            </div>
            <div class="clearfix"> </div>
        </div>
        <div class="clearfix"> </div>
    </div>
</div>
<!--//header-->

<!--banner-->
<div class="banner">
    <div class="container">
        <h2 class="hdng">浓情 <span>蛋糕</span></h2>
        <p>特别的日子，特别的你</p>
        <a href="" id="recomInfo">SHOP NOW</a>
        <div class="banner-text">
            <img src="" alt="" id="recom"/>
        </div>
    </div>
</div>
<!--//banner-->

<!--gallery-->
<div class="gallery">
    <div class="container">
        <div class="gallery-grids">
            
                
                
                
                
                    <div class="col-md-8 gallery-grid glry-one">
                        <a href="#"><img src="download/images/1537289970651.jpg" class="img-responsive" alt="" id="img1"/>
                            <div class="gallery-info">
                                <p><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> view</p>
                                <a class="shop" href="detail.html?id=200" id="detailInfo1">SHOP NOW</a>
                                <div class="clearfix"> </div>
                            </div>
                        </a>
                        <div class="galy-info">
                            <p id="index1">深艾尔</p>
                            <div class="galry">
                                <div class="prices">
                                    <h5 class="item_price" id="price1">$268.0</h5>
                                </div>
                                <div class="detail_xing" id="spanIndex01">
                                    
                                        <span class="glyphicon glyphicon-star"></span>
                                        
                                    
                                        <span class="glyphicon glyphicon-star" ></span>
                                        
                                    
                                        <span class="glyphicon glyphicon-star"></span>
                                        
                                    
                                        
                                        <span class="glyphicon glyphicon-star-empty"></span>
                                    
                                        
                                        <span class="glyphicon glyphicon-star-empty"></span>
                                    
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                
                
                
                
                    <div class="col-md-4 gallery-grid glry-two">
                        <a href="#"><img src="download/images/1537289956018.jpg" class="img-responsive" alt="" id="img2" style="width:350px;height:359px;"/>
                            <div class="gallery-info">
                                <p><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> view</p>
                                <a class="shop" href="detail.html?id=199" id="detailInfo2">SHOP NOW</a>
                                <div class="clearfix"> </div>
                            </div>
                        </a>
                        <div class="galy-info">
                            <p id="index2">爱尔兰咖啡</p>
                            <div class="galry">
                                <div class="prices">
                                    <h5 class="item_price" id="price2">$268.0</h5>
                                </div>
                                <div class="detail_xing" id="spanIndex02">
                                    
                                        <span class="glyphicon glyphicon-star"></span>
                                        
                                    
                                        <span class="glyphicon glyphicon-star"></span>
                                        
                                    
                                        <span class="glyphicon glyphicon-star"></span>
                                        
                                    
                                        
                                        <span class="glyphicon glyphicon-star-empty"></span>
                                    
                                        
                                        <span class="glyphicon glyphicon-star-empty"></span>
                                    
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                
                
                
                
                    <div class="col-md-3 gallery-grid">
                        <a href="#"><img src="download/images/1537289865096.png" class="img-responsive" alt="" id="img3"/>
                            <div class="gallery-info">
                                <p><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> view</p>
                                <a class="shop" href="detail.html?id=198" id="detailInfo3">SHOP NOW</a>
                                <div class="clearfix"> </div>
                            </div>
                        </a>
                        <div class="galy-info">
                            <p id="index3">桂圆冰淇淋</p>
                            <div class="galry">
                                <div class="prices">
                                    <h5 class="item_price" id="price3">$198.0</h5>
                                </div>
                                <div class="detail_xing" id="spanIndex03">
                                    
                                        <span class="glyphicon glyphicon-star"></span>
                                        
                                    
                                        <span class="glyphicon glyphicon-star"></span>
                                        
                                    
                                        <span class="glyphicon glyphicon-star"></span>
                                        
                                    
                                        
                                        <span class="glyphicon glyphicon-star-empty"></span>
                                    
                                        
                                        <span class="glyphicon glyphicon-star-empty"></span>
                                    
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                
                
                
                
                    <div class="col-md-3 gallery-grid">
                        <a href="#"><img src="download/images/1537289838080.png" class="img-responsive" alt="" id="img4"/>
                            <div class="gallery-info">
                                <p><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> view</p>
                                <a class="shop" href="detail.html?id=141" id="detailInfo4">SHOP NOW</a>
                                <div class="clearfix"> </div>
                            </div>
                        </a>
                        <div class="galy-info">
                            <p id="index4">奶香巧克力</p>
                            <div class="galry">
                                <div class="prices">
                                    <h5 class="item_price" id="price4">$298.0</h5>
                                </div>
                                <div class="detail_xing" id="spanIndex04">
                                    
                                        <span class="glyphicon glyphicon-star"></span>
                                        
                                    
                                        <span class="glyphicon glyphicon-star"></span>
                                        
                                    
                                        <span class="glyphicon glyphicon-star"></span>
                                        
                                    
                                        
                                        <span class="glyphicon glyphicon-star-empty"></span>
                                    
                                        
                                        <span class="glyphicon glyphicon-star-empty"></span>
                                    
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                
                
                
                
                    <div class="col-md-3 gallery-grid">
                        <a href="#"><img src="download/images/1537289675245.jpg" class="img-responsive" alt="" id="img5"/>
                            <div class="gallery-info">
                                <p><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> view</p>
                                <a class="shop" href="detail.html?id=140" id="detailInfo5">SHOP NOW</a>
                                <div class="clearfix"> </div>
                            </div>
                        </a>
                        <div class="galy-info">
                            <p id="index5">浓情巧克力</p>
                            <div class="galry">
                                <div class="prices">
                                    <h5 class="item_price" id="price5">$298.0</h5>
                                </div>
                                <div class="detail_xing" id="spanIndex05">
                                    
                                        <span class="glyphicon glyphicon-star"></span>
                                        
                                    
                                        <span class="glyphicon glyphicon-star"></span>
                                        
                                    
                                        <span class="glyphicon glyphicon-star"></span>
                                        
                                    
                                        
                                        <span class="glyphicon glyphicon-star-empty"></span>
                                    
                                        
                                        <span class="glyphicon glyphicon-star-empty"></span>
                                    
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                
                
                
                
                    <div class="col-md-3 gallery-grid">
                        <a href="#"><img src="download/images/1537289838080.png" class="img-responsive" alt="" id="img6"/>
                            <div class="gallery-info">
                                <p><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> view</p>
                                <a class="shop" href="detail.html?id=139" id="detailInfo6">SHOP NOW</a>
                                <div class="clearfix"> </div>
                            </div>
                        </a>
                        <div class="galy-info">
                            <p id="index6">奶香巧克力</p>
                            <div class="galry">
                                <div class="prices">
                                    <h5 class="item_price" id="price6">$298.0</h5>
                                </div>
                                <div class="detail_xing" id="spanIndex06">
                                    
                                        <span class="glyphicon glyphicon-star"></span>
                                        
                                    
                                        <span class="glyphicon glyphicon-star"></span>
                                        
                                    
                                        <span class="glyphicon glyphicon-star"></span>
                                        
                                    
                                        
                                        <span class="glyphicon glyphicon-star-empty"></span>
                                    
                                        
                                        <span class="glyphicon glyphicon-star-empty"></span>
                                    
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                
                
                
                
                    <div class="col-md-3 gallery-grid">
                        <a href="#"><img src="download/images/1537289675245.jpg" class="img-responsive" alt="" id="img7"/>
                            <div class="gallery-info">
                                <p><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> view</p>
                                <a class="shop" href="detail.html?id=138" id="detailInfo7">SHOP NOW</a>
                                <div class="clearfix"> </div>
                            </div>
                        </a>
                        <div class="galy-info">
                            <p id="index7">浓情巧克力</p>
                            <div class="galry">
                                <div class="prices">
                                    <h5 class="item_price" id="price7">$298.0</h5>
                                </div>
                                <div class="detail_xing" id="spanIndex07">
                                    
                                        <span class="glyphicon glyphicon-star"></span>
                                        
                                    
                                        <span class="glyphicon glyphicon-star"></span>
                                        
                                    
                                        <span class="glyphicon glyphicon-star"></span>
                                        
                                    
                                        
                                        <span class="glyphicon glyphicon-star-empty"></span>
                                    
                                        
                                        <span class="glyphicon glyphicon-star-empty"></span>
                                    
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                
                
                
                
                    <div class="col-md-3 gallery-grid">
                        <a href="#"><img src="download/images/1537289838080.png" class="img-responsive" alt="" id="img8"/>
                            <div class="gallery-info">
                                <p><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> view</p>
                                <a class="shop" href="detail.html?id=137" id="detailInfo8">SHOP NOW</a>
                                <div class="clearfix"> </div>
                            </div>
                        </a>
                        <div class="galy-info">
                            <p id="index8">奶香巧克力</p>
                            <div class="galry">
                                <div class="prices">
                                    <h5 class="item_price" id="price8">$298.0</h5>
                                </div>
                                <div class="detail_xing" id="spanIndex08">
                                    
                                        <span class="glyphicon glyphicon-star"></span>
                                        
                                    
                                        <span class="glyphicon glyphicon-star"></span>
                                        
                                    
                                        <span class="glyphicon glyphicon-star"></span>
                                        
                                    
                                        
                                        <span class="glyphicon glyphicon-star-empty"></span>
                                    
                                        
                                        <span class="glyphicon glyphicon-star-empty"></span>
                                    
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                
                
                
                
                    <div class="col-md-3 gallery-grid">
                        <a href="#"><img src="download/images/1537289675245.jpg" class="img-responsive" alt="" id="img9"/>
                            <div class="gallery-info">
                                <p><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> view</p>
                                <a class="shop" href="detail.html?id=136" id="detailInfo9">SHOP NOW</a>
                                <div class="clearfix"> </div>
                            </div>
                        </a>
                        <div class="galy-info">
                            <p id="index9">浓情巧克力</p>
                            <div class="galry">
                                <div class="prices">
                                    <h5 class="item_price" id="price9">$298.0</h5>
                                </div>
                                <div class="detail_xing" id="spanIndex09">
                                    
                                        <span class="glyphicon glyphicon-star"></span>
                                        
                                    
                                        <span class="glyphicon glyphicon-star"></span>
                                        
                                    
                                        <span class="glyphicon glyphicon-star"></span>
                                        
                                    
                                        
                                        <span class="glyphicon glyphicon-star-empty"></span>
                                    
                                        
                                        <span class="glyphicon glyphicon-star-empty"></span>
                                    
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                
                
                
                
                    <div class="col-md-3 gallery-grid">
                        <a href="#"><img src="download/images/1537289838080.png" class="img-responsive" alt="" id="img10"/>
                            <div class="gallery-info">
                                <p><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> view</p>
                                <a class="shop" href="detail.html?id=135" id="detailInfo10">SHOP NOW</a>
                                <div class="clearfix"> </div>
                            </div>
                        </a>
                        <div class="galy-info">
                            <p id="index10">奶香巧克力</p>
                            <div class="galry">
                                <div class="prices">
                                    <h5 class="item_price" id="price10">$298.0</h5>
                                </div>
                                <div class="detail_xing" id="spanIndex10">
                                    
                                        <span class="glyphicon glyphicon-star"></span>
                                        
                                    
                                        <span class="glyphicon glyphicon-star"></span>
                                        
                                    
                                        <span class="glyphicon glyphicon-star"></span>
                                        
                                    
                                        
                                        <span class="glyphicon glyphicon-star-empty"></span>
                                    
                                        
                                        <span class="glyphicon glyphicon-star-empty"></span>
                                    
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                
            
        </div>
    </div>
</div>
<!--//gallery-->

<!--subscribe-->
<div class="subscribe">
    <div class="container">
        <h3>Newsletter</h3>
        <form>
            <input type="text" class="text" value="Email" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Email';}">
            <input type="submit" value="Subscribe">
        </form>
    </div>
</div>
<!--//subscribe-->
<!--footer-->
<div class="footer">
    <div class="container">
        <div class="footer-grids">
            <div class="col-md-2 footer-grid">
                <h4>company</h4>
                <ul>
                    <li><a href="#">Products</a></li>
                    <li><a href="#">Work Here</a></li>
                    <li><a href="#">Team</a></li>
                    <li><a href="#">Happenings</a></li>
                    <li><a href="#">Dealer Locator</a></li>
                </ul>
            </div>
            <div class="col-md-2 footer-grid">
                <h4>service</h4>
                <ul>
                    <li><a href="#">Support</a></li>
                    <li><a href="#">FAQ</a></li>
                    <li><a href="#">Warranty</a></li>
                    <li><a href="#">Contact Us</a></li>
                    <li><a href="/login.jsp" target="_blank">Admin Login</a></li>
                </ul>
            </div>
            <div class="col-md-3 footer-grid">
                <h4>order & returns</h4>
                <ul>
                    <li><a href="#">Order Status</a></li>
                    <li><a href="#">Shipping Policy</a></li>
                    <li><a href="#">Return Policy</a></li>
                    <li><a href="#">Digital Gift Card</a></li>
                </ul>
            </div>
            <div class="col-md-2 footer-grid">
                <h4>legal</h4>
                <ul>
                    <li><a href="#">Privacy</a></li>
                    <li><a href="#">Terms and Conditions</a></li>
                    <li><a href="#">Social Responsibility</a></li>
                </ul>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!--//footer-->
<div class="footer-bottom">
    <div class="container">
        <p>Copyright © 2017 imooc.com All Rights Reserved | 京ICP备 13046642号-2</p>
    </div>
</div>
</body>
<script type="text/javascript" src="../assets/static/js/jquery-3.5.1.js"></script>
<script type="text/javascript">
	function getPageData() {
		var nextPage = 1;
		var obj = {
				"nextPage":nextPage
			}
		$.ajax({
			async:true,
			url:"/indexClassification",
			type:"post",
			data:obj,
			dataType:"json",
			success:function(data) {
				var arr1 = new Array();
				var arr2 = new Array();
				var arr3 = new Array();
				
				for(var i=0;i<data.result.data.length;i++) {
					if(data.result.data[i].levelId == 1 && data.result.data[i].parentId == 0) {
						arr1.push(data.result.data[i]);
					}
					if(data.result.data[i].levelId == 2) {
						arr2.push(data.result.data[i]);
					}
					if(data.result.data[i].levelId == 3) {
						arr3.push(data.result.data[i]);
					}
				}
				console.log(arr1);
				console.log(arr2);
				console.log(arr3);

				for(var i=0;i<arr1.length;i++) {
					var cId = arr1[i].id;
					var str = "<li class='dropdown'>";
					str += "<a href='#' class='dropdown-toggle' data-toggle='dropdown'>"+arr1[i].catalogName+"<b class='caret'></b></a>";
					str += "<ul class='dropdown-menu multi-column columns-4'>";
					str += "<div class='row' id='"+cId+"'></div></ul></li>";
					$('#classificationDetail').after(str);
					for(var j=0;j<arr2.length;j++) {
						var cId2 = arr2[j].id;
						if(arr2[j].parentId == cId) {
							var str2 = "<div class='col-sm-3'>";
							str2 += "<h4 id='"+cId2+"'>"+arr2[j].catalogName+"</h4></div>";
							$("#"+cId).append(str2);
							for(var k=0;k<arr3.length;k++) {
								if(arr3[k].parentId == cId2) {
									var str3 = "<ul class='multi-column-dropdown'>";
									str3 += "<li><a class='list' href='list.jsp?cid="+arr3[k].catalogName+"'>"+arr3[k].catalogName+"</a></li></ul>";
									$("#"+cId2).append(str3);
								}
							}
						}
						
					}
				}

				
			}
		}) 
	}
	$().ready(function() {
		getPageData();
	})
	function getRecommentProduct() {
		var sign = 1;
		var obj = {
				"sign":sign
			}
		$.ajax({
			async:true,
			url:"/recommentProduct",
			type:"post",
			data:obj,
			dataType:"json",
			success:function(data) {
				console.log(data.result.data[0].picUrl);
				/* $('#recom').attr("src",data.result.data[0].picUrl); */
				for(var i=0;i<data.result.data.length;i++) {
					$('#recom').attr("src",data.result.data[i].picUrl);
					var str = "/detail.jsp?name="+data.result.data[i].cakeName+"&sweetness="+data.result.data[i].sweetness+"&taste="+data.result.data[i].taste+"&cake_type="+data.result.data[i].cakeType+"&price="+data.result.data[i].price+"&weight="+data.result.data[i].weight+"&size="+data.result.data[i].size+"&picUrl="+data.result.data[i].picUrl+"&ingredient="+data.result.data[i].ingredient;
					$('#recomInfo').attr("href",str);
				}
			}
		});
	}
	$().ready(function() {
		getRecommentProduct();
		getBestSellProduct();
	})
	function getBestSellProduct() {
		var sign = 1;
		var obj = {
				"sign":sign
			}
		$.ajax({
			async:true,
			url:"/bestSellProduct",
			type:"post",
			data:obj,
			dataType:"json",
			success:function(data) {
				console.log(data.result);
				$('#img1').attr("src",data.result.data[0].picUrl);
				$('#index1').text(data.result.data[0].cakeName);
				$('#price1').text("$"+data.result.data[0].price);
				$('#img2').attr("src",data.result.data[1].picUrl);
				$('#index2').text(data.result.data[1].cakeName);
				$('#price2').text("$"+data.result.data[1].price);
				$('#img3').attr("src",data.result.data[2].picUrl);
				$('#index3').text(data.result.data[2].cakeName);
				$('#price3').text("$"+data.result.data[2].price);
				$('#img4').attr("src",data.result.data[3].picUrl);
				$('#index4').text(data.result.data[3].cakeName);
				$('#price4').text("$"+data.result.data[3].price);
				$('#img5').attr("src",data.result.data[4].picUrl);
				$('#index5').text(data.result.data[4].cakeName);
				$('#price5').text("$"+data.result.data[4].price);
				$('#img6').attr("src",data.result.data[5].picUrl);
				$('#index6').text(data.result.data[5].cakeName);
				$('#price6').text("$"+data.result.data[5].price);
				$('#img7').attr("src",data.result.data[6].picUrl);
				$('#index7').text(data.result.data[6].cakeName);
				$('#price7').text("$"+data.result.data[6].price);
				$('#img8').attr("src",data.result.data[7].picUrl);
				$('#index8').text(data.result.data[7].cakeName);
				$('#price8').text("$"+data.result.data[7].price);
				$('#img9').attr("src",data.result.data[8].picUrl);
				$('#index9').text(data.result.data[8].cakeName);
				$('#price9').text("$"+data.result.data[8].price);
				$('#img10').attr("src",data.result.data[9].picUrl);
				$('#index10').text(data.result.data[9].cakeName);
				$('#price10').text("$"+data.result.data[9].price);
				var str1 = "/detail.jsp?name="+data.result.data[0].cakeName+"&sweetness="+data.result.data[0].sweetness+"&taste="+data.result.data[0].taste+"&cake_type="+data.result.data[0].cakeType+"&price="+data.result.data[0].price+"&weight="+data.result.data[0].weight+"&size="+data.result.data[0].size+"&picUrl="+data.result.data[0].picUrl+"&ingredient="+data.result.data[0].ingredient;
				var str2 = "/detail.jsp?name="+data.result.data[1].cakeName+"&sweetness="+data.result.data[1].sweetness+"&taste="+data.result.data[1].taste+"&cake_type="+data.result.data[1].cakeType+"&price="+data.result.data[1].price+"&weight="+data.result.data[1].weight+"&size="+data.result.data[1].size+"&picUrl="+data.result.data[1].picUrl+"&ingredient="+data.result.data[1].ingredient;
				var str3 = "/detail.jsp?name="+data.result.data[2].cakeName+"&sweetness="+data.result.data[2].sweetness+"&taste="+data.result.data[2].taste+"&cake_type="+data.result.data[2].cakeType+"&price="+data.result.data[2].price+"&weight="+data.result.data[2].weight+"&size="+data.result.data[2].size+"&picUrl="+data.result.data[2].picUrl+"&ingredient="+data.result.data[2].ingredient;
				var str4 = "/detail.jsp?name="+data.result.data[3].cakeName+"&sweetness="+data.result.data[3].sweetness+"&taste="+data.result.data[3].taste+"&cake_type="+data.result.data[3].cakeType+"&price="+data.result.data[3].price+"&weight="+data.result.data[3].weight+"&size="+data.result.data[3].size+"&picUrl="+data.result.data[3].picUrl+"&ingredient="+data.result.data[3].ingredient;
				var str5 = "/detail.jsp?name="+data.result.data[4].cakeName+"&sweetness="+data.result.data[4].sweetness+"&taste="+data.result.data[4].taste+"&cake_type="+data.result.data[4].cakeType+"&price="+data.result.data[4].price+"&weight="+data.result.data[4].weight+"&size="+data.result.data[4].size+"&picUrl="+data.result.data[4].picUrl+"&ingredient="+data.result.data[4].ingredient;
				var str6 = "/detail.jsp?name="+data.result.data[5].cakeName+"&sweetness="+data.result.data[5].sweetness+"&taste="+data.result.data[5].taste+"&cake_type="+data.result.data[5].cakeType+"&price="+data.result.data[5].price+"&weight="+data.result.data[5].weight+"&size="+data.result.data[5].size+"&picUrl="+data.result.data[5].picUrl+"&ingredient="+data.result.data[5].ingredient;
				var str7 = "/detail.jsp?name="+data.result.data[6].cakeName+"&sweetness="+data.result.data[6].sweetness+"&taste="+data.result.data[6].taste+"&cake_type="+data.result.data[6].cakeType+"&price="+data.result.data[6].price+"&weight="+data.result.data[6].weight+"&size="+data.result.data[6].size+"&picUrl="+data.result.data[6].picUrl+"&ingredient="+data.result.data[6].ingredient;
				var str8 = "/detail.jsp?name="+data.result.data[7].cakeName+"&sweetness="+data.result.data[7].sweetness+"&taste="+data.result.data[7].taste+"&cake_type="+data.result.data[7].cakeType+"&price="+data.result.data[7].price+"&weight="+data.result.data[7].weight+"&size="+data.result.data[7].size+"&picUrl="+data.result.data[7].picUrl+"&ingredient="+data.result.data[7].ingredient;
				var str9 = "/detail.jsp?name="+data.result.data[8].cakeName+"&sweetness="+data.result.data[8].sweetness+"&taste="+data.result.data[8].taste+"&cake_type="+data.result.data[8].cakeType+"&price="+data.result.data[8].price+"&weight="+data.result.data[8].weight+"&size="+data.result.data[8].size+"&picUrl="+data.result.data[8].picUrl+"&ingredient="+data.result.data[8].ingredient;
				var str10 = "/detail.jsp?name="+data.result.data[9].cakeName+"&sweetness="+data.result.data[9].sweetness+"&taste="+data.result.data[9].taste+"&cake_type="+data.result.data[9].cakeType+"&price="+data.result.data[9].price+"&weight="+data.result.data[9].weight+"&size="+data.result.data[9].size+"&picUrl="+data.result.data[9].picUrl+"&ingredient="+data.result.data[9].ingredient;
				
				$('#detailInfo1').attr("href",str1);
				$('#detailInfo2').attr("href",str2);
				$('#detailInfo3').attr("href",str3);
				$('#detailInfo4').attr("href",str4);
				$('#detailInfo5').attr("href",str5);
				$('#detailInfo6').attr("href",str6);
				$('#detailInfo7').attr("href",str7);
				$('#detailInfo8').attr("href",str8);
				$('#detailInfo9').attr("href",str9);
				$('#detailInfo10').attr("href",str10);
				if(data.result.data[0].sweetness == 3){
					$('#spanIndex01>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex01>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex01>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex01>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex01>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[0].sweetness == 2){
					$('#spanIndex01>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex01>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex01>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex01>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex01>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[0].sweetness == 1){
					$('#spanIndex01>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex01>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex01>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex01>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex01>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[0].sweetness == 4){
					$('#spanIndex01>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex01>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex01>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex01>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex01>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[0].sweetness == 5){
					$('#spanIndex01>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex01>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex01>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex01>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex01>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star");
				}
				if(data.result.data[1].sweetness == 1){
					$('#spanIndex02>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex02>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex02>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex02>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex02>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[1].sweetness == 2){
					$('#spanIndex02>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex02>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex02>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex02>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex02>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[1].sweetness == 3){
					$('#spanIndex02>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex02>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex02>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex02>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex02>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[1].sweetness == 4){
					$('#spanIndex02>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex02>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex02>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex02>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex02>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[1].sweetness == 5){
					$('#spanIndex02>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex02>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex02>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex02>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex02>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star");
				}
				if(data.result.data[2].sweetness == 1){
					$('#spanIndex03>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex03>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex03>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex03>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex03>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[2].sweetness == 2){
					$('#spanIndex03>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex03>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex03>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex03>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex03>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[2].sweetness == 3){
					$('#spanIndex03>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex03>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex03>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex03>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex03>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[2].sweetness == 4){
					$('#spanIndex03>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex03>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex03>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex03>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex03>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[2].sweetness == 5){
					$('#spanIndex03>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex03>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex03>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex03>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex03>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star");
				}
				if(data.result.data[3].sweetness == 1){
					$('#spanIndex04>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex04>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex04>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex04>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex04>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[3].sweetness == 2){
					$('#spanIndex04>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex04>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex04>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex04>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex04>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[3].sweetness == 3){
					$('#spanIndex04>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex04>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex04>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex04>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex04>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[3].sweetness == 4){
					$('#spanIndex04>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex04>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex04>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex04>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex04>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[3].sweetness == 5){
					$('#spanIndex04>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex04>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex04>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex04>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex04>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star");
				}
				if(data.result.data[4].sweetness == 1){
					$('#spanIndex05>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex05>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex05>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex05>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex05>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[4].sweetness == 2){
					$('#spanIndex05>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex05>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex05>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex05>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex05>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[4].sweetness == 3){
					$('#spanIndex05>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex05>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex05>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex05>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex05>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[4].sweetness == 4){
					$('#spanIndex05>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex05>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex05>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex05>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex05>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[4].sweetness == 5){
					$('#spanIndex05>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex05>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex05>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex05>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex05>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star");
				}
				if(data.result.data[5].sweetness == 1){
					$('#spanIndex06>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex06>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex06>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex06>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex06>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[5].sweetness == 2){
					$('#spanIndex06>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex06>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex06>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex06>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex06>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[5].sweetness == 3){
					$('#spanIndex06>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex06>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex06>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex06>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex06>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[5].sweetness == 4){
					$('#spanIndex06>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex06>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex06>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex06>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex06>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[5].sweetness == 5){
					$('#spanIndex06>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex06>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex06>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex06>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex06>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star");
				}
				if(data.result.data[6].sweetness == 1){
					$('#spanIndex07>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex07>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex07>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex07>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex07>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[6].sweetness == 2){
					$('#spanIndex07>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex07>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex07>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex07>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex07>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[6].sweetness == 3){
					$('#spanIndex07>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex07>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex07>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex07>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex07>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[6].sweetness == 4){
					$('#spanIndex07>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex07>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex07>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex07>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex07>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[6].sweetness == 5){
					$('#spanIndex07>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex07>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex07>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex07>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex07>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star");
				}
				if(data.result.data[7].sweetness == 1){
					$('#spanIndex08>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex08>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex08>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex08>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex08>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[7].sweetness == 2){
					$('#spanIndex08>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex08>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex08>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex08>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex08>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[7].sweetness == 3){
					$('#spanIndex08>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex08>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex08>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex08>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex08>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[7].sweetness == 4){
					$('#spanIndex08>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex08>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex08>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex08>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex08>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[7].sweetness == 5){
					$('#spanIndex08>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex08>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex08>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex08>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex08>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star");
				}
				if(data.result.data[8].sweetness == 1){
					$('#spanIndex09>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex09>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex09>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex09>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex09>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[8].sweetness == 2){
					$('#spanIndex09>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex09>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex09>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex09>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex09>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[8].sweetness == 3){
					$('#spanIndex09>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex09>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex09>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex09>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex09>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[8].sweetness == 4){
					$('#spanIndex09>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex09>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex09>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex09>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex09>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[8].sweetness == 5){
					$('#spanIndex09>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex09>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex09>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex09>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex09>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star");
				}
				if(data.result.data[9].sweetness == 1){
					$('#spanIndex10>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex10>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex10>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex10>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex10>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[9].sweetness == 2){
					$('#spanIndex10>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex10>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex10>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex10>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex10>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[9].sweetness == 3){
					$('#spanIndex10>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex10>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex10>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex10>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star-empty");
					$('#spanIndex10>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[9].sweetness == 4){
					$('#spanIndex10>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex10>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex10>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex10>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex10>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star-empty");
				}
				if(data.result.data[9].sweetness == 5){
					$('#spanIndex10>span:nth-of-type(1)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex10>span:nth-of-type(2)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex10>span:nth-of-type(3)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex10>span:nth-of-type(4)').attr("class","glyphicon glyphicon-star");
					$('#spanIndex10>span:nth-of-type(5)').attr("class","glyphicon glyphicon-star");
				}
			}
		});
	}
</script>
</html>